@extends('layout.home')
@section('title','阅读Center')
@section('content')	
<div class="aw-container-wrap">
	<div class="container">
		<div class="row">
			<div class="aw-content-wrap clearfix">
				<div class="col-sm-12 col-md-9 aw-main-content">
				<div class="ad-all clearfix">
					<div id="carousel-example" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">
       <li data-target="#carousel-example" data-slide-to="0" class=""></li>
       <li data-target="#carousel-example" data-slide-to="1" class=""></li>
       <li data-target="#carousel-example" data-slide-to="2" class="active"></li>
    </ol>
    <div class="carousel-inner">
      <div class="item">
           <a href="/" target="_blank"><img alt="" src="/homes/ad/pc/1.jpg"></a>
         </div>
       <div class="item">
            <a href="/" target="_blank"><img alt="" src="/homes/ad/pc/2.jpg"></a>
          </div>
        <div class="item active">
             <a href="/" target="_blank"><img alt="" src="/homes/ad/pc/3.jpg"></a>
         </div>
     </div>
    <a class="left carousel-control" href="#carousel-example" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" style="font-size:14px;"></span></a>
    <a class="right carousel-control" href="#carousel-example" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" style="font-size:14px;"></span></a>
  </div>
 <script>
 $(function(){
 $('.carousel').carousel();
 });
</script>				
</div>
<div class="aw-mod">
<div class="mod-head">
	<h2 class="lanmubiao hidden-xs"><i class="icon icon-reader"></i>　阅读</h2>
</div>
<div class="mod-body">
           @foreach($articals as $k=>$v)
		   <ul class="col-md-12 aw-article-list">
			<div id="article-list_1" style="border: 1px solid #e2e2e2;padding: 10px;border-radius: 3px;display: none;">
				<div class="mod-head" style="background:#f9f9f9;">
					<a class="pull-right" href="javascript:;" onclick="AWS.content_switchers($('#article-list_1'), $('#oarticle-list_1'), $('#article-list-box_1'));return false;"><i class="icon icon-delete text-color-999"></i> 关闭阅读</a>
					<h1><a href="/homes/?/article/detail">{{$v->title}}</a></h1>
				</div>
				<div class="mod-body markitup-box zhankai" id="article-list-box_1" style="display:inline;">
					<p>
					<img src="/homes/static/common/loading_b.gif" style="margin:20px;">
					</p>
				</div>				
			</div>
			<li id="oarticle-list_1">
					<div class="col-md-12 foxo">
						<h1><a href="/homes/Adetail">{{$v->title}}</a></h1>
						<span id="detail_1">
						<a class="text-colors-999" href="/homes/Adetail">{{$v->message}}</a>
						</span>
					</div>          
					<div class="mod-body col-md-12 clearfix kl">
						 <div class="mod-footer">
							<span class="pull-right more-operate text-color-999 hidden-xs">   
								<a href="/homes/Adetail" target="_blank"  class="aw-icon-thank-tips text-color-999" data-original-title="新窗口阅读" data-toggle="tooltip" title="" data-placement="left">
								<i class="icon icon-share"></i> 阅读</a>&nbsp;&nbsp;
								<a href="/homes/Adetail" onclick="AWS.content_switcher($('#oarticle-list_1'), $('#article-list_1'));AWS.article_read('#article-list-box_1', 1);$('#overDiv').attr('onclick', 'AWS.content_switcherst(1);return false;'); return false;" class="aw-icon-thank-tips text-color-999" data-original-title="直接展开阅读" data-toggle="tooltip" title="" data-placement="left">
								<i class="icon icon-comment"></i> 展开</a>
							</span>
							<span class="pull-left more-operate text-color-999 fcontribute">
								<i class="pull-left kr ptop15"><a class="aw-user-name hidden-xs" data-id="1" href="/homes/?/people/admin" rel="nofollow"><img src="{{$v->profile}}" alt="" /></a></i>
								<a href="/homes/?/people/admin" class="aw-user-name">{{$v->username}}</a> 发表于 : {{Date('Y-m-d',time())}}&nbsp;&nbsp;
								浏览 ({{rand(1,20)}})&nbsp;&nbsp;
								<a class="text-color-999" href="/homes/?/article/1#!answer_form"> 评论 (0)</a>
							</span>
						</div>	
					</div>										
				</li>								   
			  </ul>
			  @endforeach
		</div>
	  <div class="mod-body col-md-12 clearfix">
	    <div class="mod-footer pull-right"></div>
	  </div>
	</div>
<!-- end 文章列表 -->
</div>
<!-- 侧边栏 -->
<div class="col-sm-3 col-md-3 aw-side-bar hidden-xs hidden-sm">
	<!-- 热门文章 -->
	<div class="aw-mod aw-text-align-justify">
		<div class="mod-head">
			<h3>热门文章</h3>
		</div>
		<div class="mod-body">
			<ul>
				<li><a href="/homes/article">{{$v->title}}</a></li>
			</ul>
		</div>
	</div>
	<!-- end 热门文章 -->
					<div class="aw-mod aw-text-align-justify">
	<div class="mod-head">
		<a href="/homes/question" class="pull-right">更多 &gt;</a>
		<h3>热门交流帖</h3>
	</div>
	<div class="mod-body">
							<dl>
				<dt class="pull-left aw-border-radius-5">
					<a href="/homes/?/topic/hot topic"><img alt="" src="/homes/static/common/topic-mid-img.png" /></a>
				</dt>
				<dd class="pull-left">
					<p class="clearfix">
						<span class="topic-tag">
							<a href="/homes/question" class="text" data-id="2">hot topic</a>
						</span>
					</p>
					<p><b>{{rand(1,5)}}</b> 个问题, <b>{{rand(1,5)}}</b> 人关注</p>
				</dd>
			</dl>
					</div>
</div>
					<div id="kuaiwwwad" class="hidden-xs hidden-sm">
	<div class="kuaiwwwadboxs">
	<p>广告区</p>
	</div>
	<div class="kuaiwwwadbox"></div>
</div>
<script type="text/javascript">
$(function() {
var fixfox="fixedff";
var rollSet = $('#kuaiwwwad');// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改
var offset = rollSet.offset();
$(window).scroll(function () {
/ 检查对象的顶部是否在游览器可见的范围内
var scrollTop = $(window).scrollTop();
if(offset.top < scrollTop){
rollSet.addClass(fixfox);
}else{
rollSet.removeClass(fixfox);
}
});
});
</script>				
</div>
				<!-- end 侧边栏 -->
			</div>
		</div>
	</div>
</div>


@endsection